<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>溯源系统|商品展示</title>
<link rel="stylesheet" href="../css/showGoods.css" type="text/css"/>
</head>

<body id="body">
<div id="head">
<span><img src="../images/logo.jpg" id="logo"></span>
<span class="headInfo"><a href="溯源系统_登陆.html">登陆</a></span>
<span class="headInfo"><a href="#">注册</a></span>
<span class="headInfo"><a href="#">商品溯源</a></span>
<span class="headInfo"><a href="#"><img src="../images/shoucang.png" class="headImg"><span class="headSmall">我的收藏</span></a></span>
<span class="headInfo"><a href="#"><img src="../images/dingdan.png" class="headImg"><span class="headSmall">我的订单</span></a></span>
<span class="headInfo"><a href="#"><img src="../images/gouwuche.png" class="headImg"><span class="headSmall">我的购物车</span></a></span>
</div>


<div id="headSearch">
<span class="headSort" id="sortShow">溯源系统商品分类</span>
<span class="headSort">女装</span>
<span class="headSort">男装</span>
<span class="headSort">家电</span>
<span class="headSort">图书音像</span>
<span class="headSort">食品</span>
<span class="headSort">酒类香烟</span>
<input value="请输入您要搜索的内容" type="text" id="searchInput" />
<img src="../images/search.png" id="searchImg"/>
</div>
<div id="sort">
   <ul id="sortUl">
      <li><img src="../images/shumajiadian.png"><a href="#">家用电器</a></li>
      <li><img src="../images/shumajiadian.png"><a href="#">手机、数码</a></li>
      <li><img src="../images/shouji.png"><a href="#">电脑、办公</a></li>
      <li><img src="../images/jiazhuangjiancai.png"><a href="#">家居、家具、家装、厨具</a></li>
      <li><img src="../images/clothe.png"><a href="#">男装、女装、内衣、珠宝</a></li>
      <li><img src="../images/meizhuangrihua.png"><a href="#">个人化妆、清洁用品</a></li>
      <li><img src="../images/xie.png"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
      <li><img src="../images/huwai.png"><a href="#">运动户外</a></li>
      <li><img src="../images/qicheyongpin.png"><a href="#">汽车、汽车用品</a></li>
      <li><img src="../images/tongzhuangmuying.png"><a href="#">母婴、玩具、乐器</a></li>
       <li><img src="../images/shengxianshipin.png"><a href="#">食品、酒类、生鲜、特产</a></li>
       <li><img src="../images/yiyaobaojian.png"><a href="#">营养保健</a></li>
       <li><img src="../images/tushu.png"><a href="#">图书、音像、电子书</a></li>
       <li><a href="#">彩票、旅行、充值、票务</a></li>
   </ul>
</div>


<div id="right">
<div class="rightA">
<a href="#">
<img src="../images/dingdan.png" class="headImg">
<span class="headSmall">我的订单</span>
</a>
</div>

<div class="rightA">
<a href="#">
<img src="../images/gouwuche.png" class="headImg"><span class="headSmall">我的购物车</span>
</a>
</div>

<div class="rightA" id="toTop" onclick="alert('d')">
<a href="#">
<img src="../images/huidaodingbu.png" class="headImg"><span class="headSmall">回到顶部</span>
</a>
</div>

</div>


<div id="contentTop">
<div id="goodsPic">
  <div id="mainShow"><img src="../images/qun1_1.jpg" id="mainPic"></div>
  <div id="smallChoice">
     <ul id="listPic">
       <li><img src="../images/qun1_2.jpg"></li>
       <li><img src="../images/qun1_3.jpg"></li>
       <li><img src="../images/qun1_1.jpg"></li>
       <li><img src="../images/qun1_4.jpg"></li>
       <li><img src="../images/qun1_5.jpg"></li>
     </ul>
  </div>
</div>



<div id="goodsDetail">
  <div id="goodsName">2016春秋韩版大码女装上衣 包臀修身长袖t恤中长款字母百搭打底衫 </div>
  <div id="goodsDescribe">正在打折哦~亲~~~~</div>
  <div id="goodsPrice"><span class="price" id="oldPrice">原价:￥99.00</span><br/><span class="price">现价:</span>￥55.00</div>
  <div id="goodsColor"><span class="paramSpan">红色<img src="../images/dibugouxuan.png" class="yes"></span><span class="paramSpan">蓝色<img src="../images/dibugouxuan.png" class="yes"></span></div>
  <div id="goodsSize"><span class="paramSpan">S<img src="../images/dibugouxuan.png" class="yes"></span><span class="paramSpan">M<img src="../images/dibugouxuan.png" class="yes"></span><span class="paramSpan">L<img src="../images/dibugouxuan.png" class="yes"></span><span class="paramSpan">XL<img src="../images/dibugouxuan.png" class="yes"></span></div>
  <div id="goodsNum"><span id="reduce" class="paramSpan">-</span><input type="text" id="numInput" value="1"><span id="add" class="paramSpan">+</span><span class="paramSpan" id="save" style="border:none">（库存：1000件）</span></div>
  <div id="buy"><span class="buySpan"><img src="../images/goumai.png">立即购买</span><span class="buySpan"><img src="../images/gouwuche.png">加入购物车</span></div>
</div>


<div id="goodsComment">
<span class="block"><img src="../images/pingjia.png">商品评价</span><hr/>
<span class="block"><span class="commentSpan">商品：</span><span id="goodsComSpan">98.00%</span></span>
<span class="block"><span class="commentSpan">服务：</span><span id="serviceComSpan">98.00%</span></span>
<span class="block"><span class="commentSpan">物流：</span><span id="speedComSapn">98.00%</span></span>
</div>
</div>

<div id="contentBottom">
<div id="contentBottomHead">
<ul id="contentBottomUl">
<li index="1" id="contentBottomUlfirst">商品详情</li>
<li index="2">商品评价</li>
<li index="3">商品溯源</li>
</ul>
</div>
<div id="detail" index="1" class="bottom"><img src="../images/qun1_1.jpg"></div>
<div id="comment" index="2" class="bottom"><img src="../images/评价假图.png"></div>
<div id="suyuan" index="3" class="bottom"><img src="../images/logo.jpg"></div>
</div>
<script type="text/javascript" src="../js/jq.js"  charset="utf-8"></script>
<script type="text/javascript" src="../js/showGoods.js" charset="utf-8"></script>
</body>
</html>
